<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>    
    /*
    Screen 对象包含有关客户端显示屏幕的信息，注释：没有应用于 screen 对象的公开标准，不过所有浏览器都支持该对象。 
    每个 Window 对象的 screen 属性都引用一个 Screen 对象。
    Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出，以达到用户的显示要求。
    例如，一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像，它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。
    另外，JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。
     */
    /*
    availHeight	返回显示屏幕的高度 (除 Windows 任务栏之外)。
    availWidth	返回显示屏幕的宽度 (除 Windows 任务栏之外)。
    bufferDepth	设置或返回调色板的比特深度。
    colorDepth	返回目标设备或缓冲器上的调色板的比特深度。
    deviceXDPI	返回显示屏幕的每英寸水平点数。
    deviceYDPI	返回显示屏幕的每英寸垂直点数。
    fontSmoothingEnabled	返回用户是否在显示控制面板中启用了字体平滑。
    height	返回显示屏幕的高度。
    logicalXDPI	返回显示屏幕每英寸的水平方向的常规点数。
    logicalYDPI	返回显示屏幕每英寸的垂直方向的常规点数。
    pixelDepth	返回显示屏幕的颜色分辨率（比特每像素）。
    updateInterval	设置或返回屏幕的刷新率。
    width	返回显示器屏幕的宽度。 
     */
    </script>
</body>
</html>